<div name='T_e136' >
    <div name='T_d7a4'  className="g-user">
        <div name='T_24d1'  className="c-layout clearfix">
            <SliderComponent name='T_84e1'  data={this.props.data.slider}></SliderComponent>
            <div name='T_4849'  className="m-content">
                <div name='T_7399'  className="order">
                    <ul name='T_d032'  className="tab clearfix">
                        {
                            this.state.userType == 1 ?
                                this.state.tabTitle.map(function (item, index) {
                                    return (
                                        <li name='T_ac4b'  key={index} className={component.state.active === index ? 'active' : ''} onClick={component.toggleTab.bind(component, index)}>{item}</li>
                                    )
                                })
                                :
                                ''
                        }
                        {
                            this.state.userType == 2 ?
                                this.state.tabTitle.slice(1).map(function (item, index) {
                                    return (
                                        <li name='T_ff63'  key={index} className={component.state.active === index ? 'active' : ''} onClick={component.toggleTab.bind(component, index)}>{item}</li>
                                    )
                                })
                                :
                                ''
                        }
                    </ul>
                    <div name='T_4a2c'  className="content-title">查询条件</div>
                    <div name='T_343e'  className="search">
                        {Browser &&
                            <Formsy.Form name='T_a6e2'  ref="form" onSubmit={this.submit} onValid={this.enableButton} onInvalid={this.disableButton}>
                                <div name='T_30b2'  className="clearfix line">
                                    <div name='T_4870'  className="inputs">
                                        <MyInput value="" name="orderNo" ref="orderNo" title="订单号：" maxLength="30" validations={{ maxLength: 30 }} validationError="订单号必须小于30位" />
                                    </div>
                                    <div name='T_70f3'  className="inputs" onClick={this.showPlat}>
                                        <MyInput value="全部" id="supplier" name="customerId" ref="customerId" data-id={this.state.sellId} title={this.state.userType == 1 ? '供应商：' : '客户：'} />
                                    </div>
                                    <div name='T_f2d4'  className="inputs">
                                        <MyInput value="" id="goods" name="goodsId" ref="goodsId" title="商品信息：" />
                                    </div>
                                </div>
                                <div name='T_a08d'  className="clearfix line">
                                    {
                                        this.state.userList && this.state.userList.length > 0 ?
                                            <div name='T_4d52'  className="inputs">
                                                <MyInput value="全部" id="username" name="cusUserId" ref="cusUserId" title="下单账号：" />
                                            </div>
                                            :
                                            ''
                                    }
                                    <div name='T_4819'  className="inputs inputs-time" style={{ float: 'left' }}>
                                        <MyInput value="" id="beginDate" ref="startTime" name="startTime" title="创建时间：" />
                                        <i name='T_5e0e' >&minus;</i>
                                        <MyInput value="" id="endDate" ref="endTime" name="endTime" title="" />
                                    </div>
                                </div>
                                <div name='T_11a3'  className="clearfix submit">
                                    <button name='T_8ca1'  type="reset" onClick={this.resetForm}>重置</button>
                                    <button name='T_5efa'  type="submit">搜索</button>
                                </div>
                            </Formsy.Form>
                        }
                    </div>
                    <div name='T_7ff7'  className="content-title">查询结果</div>
                    <div name='T_9f87'  className="order-list">
                        {
                            this.state.userType == 1 && this.state.active < 1 ?
                                <div name='T_ba77'  className="order-line">
                                    <button name='T_efc3'  onClick={this.deleteOrders}>删除</button>
                                    <button name='T_77d1'  onClick={this.submitOrders}>提交</button>
                                </div>
                                :
                                ''
                        }
                        {
                            this.state.userType == 2 && this.state.active < 2 ?
                                <div name='T_cf98'  className="order-line">
                                    <span name='T_426d' >已选择{this.state.selectLength}项</span>
                                    {
                                        this.state.active == 0 ?
                                            <button name='T_63e4'  disabled={this.state.selectLength ? false : true} onClick={this.confirmOrders}>确认</button>
                                            :
                                            <button name='T_4e64'  disabled={this.state.selectLength ? false : true} onClick={this.deliverOrders}>发货</button>
                                    }

                                </div>
                                :
                                ''
                        }
                        <div name='T_a600'  className="order-line-wrap">
                            <table name='T_b27e' >
                                <thead name='T_49c1' >
                                    <tr name='T_29d9' >
                                        <th name='T_6f8f'  width="60">
                                            {
                                                (this.state.userType == 1 && this.state.active < 1) || (this.state.userType == 2 && this.state.active < 2) ?
                                                    <div name='T_97ef'  className="hna-checkbox">
                                                        <input name='T_13cb'  type="checkbox" id="hna-checkbox" checked={this.state.selectLength > 0 && this.state.selectLength === this.state.list.length} onChange={this.selectItemFn.bind(this, 'all')} />
                                                        <label name='T_224c'  htmlFor="hna-checkbox"></label>
                                                    </div>
                                                    :
                                                    ''
                                            }
                                            序号
										</th>
                                        <th name='T_4010' >订单编号</th>
                                        <th name='T_74a2'  width="60">商品类别</th>
                                        <th name='T_1888' >商品信息</th>
                                        <th name='T_8149'  width="210">{this.state.userType == 1 ? '供应商' : '客户'}</th>
                                        <th name='T_0cc8'  style={{'width':'135px'}}>创建时间</th>
                                        {
                                            component.state.active ?
                                            <th name='T_da54'  style={{'width':'100px'}}>下载</th>
                                            : ''
                                        }
                                    </tr>
                                </thead>
                                <tbody name='T_517b' >
                                    {
                                        this.state.list.length ?
                                            this.state.list.map(function (item, index) {
                                                return (
                                                    <tr name='T_750f'  key={index}>
                                                        <td name='T_f5a4' >
                                                            {
                                                                (component.state.userType == 1 && component.state.active < 1) || (component.state.userType == 2 && component.state.active < 2) ?
                                                                    <div name='T_2be4'  className="hna-checkbox">
                                                                        <input name='T_1f94'  type="checkbox" id={'hna-checkbox_' + index} checked={component.state.selectLength && component.state.selectItem.indexOf(item.orderNo) !== -1} onChange={component.selectItemFn.bind(component, item)} />
                                                                        <label name='T_0f54'  htmlFor={'hna-checkbox_' + index}></label>
                                                                    </div>
                                                                    :
                                                                    ''
                                                            }
                                                            {(component.state.current - 1) * component.state.pageSize + index + 1}
                                                        </td>
                                                        <td name='T_b77d' ><a name='T_8b52'  name='T_f96f'  name='T_a377'  href={component.state.userType == 1 && component.state.active === 0 ? '/trdOrder?orderNo=' + item.orderNo + "&relate=order_manage_trade" : '/order_manageInfo_trade?oid=' + item.orderNo + "&relate=order_manage_trade"}>{item.orderNo}</a></td>
                                                        <td name='T_cb99'  className="table-has-tip">
                                                            {
                                                                item.goodsTypes.slice(0, 2).map(function (subject) {
                                                                    return (
                                                                        <p name='T_b3c4' >{subject.goodsTypeName}</p>
                                                                    )
                                                                })
                                                            }
                                                            {
                                                                item.goodsTypes.length > 2 ? <p name='T_b9e8' >...</p> : ''
                                                            }
                                                            <div name='T_8ed6'  className="table-tips">
                                                                {
                                                                    item.goodsTypes.map(function (subject) {
                                                                        return (
                                                                            <p name='T_259a' >{subject.goodsTypeName}</p>
                                                                        )
                                                                    })
                                                                }
                                                            </div>
                                                        </td>
                                                        <td name='T_6dc9'  className="table-has-tip">
                                                            {
                                                                item.orderGoods.slice(0, 2).map(function (subject) {
                                                                    return (
                                                                        <p name='T_db61' >{subject.goodsName + '(' + subject.goodsCode + ')'}</p>
                                                                    )
                                                                })
                                                            }
                                                            {
                                                                item.orderGoods.length > 2 ? <p name='T_fab7' >...</p> : ''
                                                            }
                                                            <div name='T_3ea3'  className="table-tips">
                                                                {
                                                                    item.orderGoods.map(function (subject) {
                                                                        return (
                                                                            <p name='T_b1a7' >{subject.goodsName + '(' + subject.goodsCode + ')'}</p>
                                                                        )
                                                                    })
                                                                }
                                                            </div>
                                                        </td>
                                                        <td name='T_ea68'  width="210">{item.customerName}</td>
                                                        <td name='T_7799' >{item.orderTime}</td>
                                                        {
                                                            component.state.active ?
                                                            <td name='T_6203' >

                                                                {item.orderConfirmUrl ? <a name='T_8701'  className="download" href={item.orderConfirmUrl + '?filename=' + 'orderConfirm_' + item.orderNo + '.pdf'} data-url={item.orderConfirmUrl} class="textDownload" download>订单确认单</a> : ''}
                                                                {item.orderDeliverUrl ? <a name='T_933a'  className="download" href={item.orderDeliverUrl + '?filename=' + 'orderDeliver_' + item.orderNo + '.pdf'} data-url={item.orderDeliverUrl} class="textDownload" download>收货确认单</a> : ''}
                                                            </td>
                                                            : ''
                                                        }
                                                    </tr>
                                                )
                                            })
                                            :
                                            <tr name='T_c119' >
                                                <td name='T_4f5c'  colSpan="7" className="text-center">暂无数据</td>
                                            </tr>
                                    }
                                </tbody>
                            </table>
                        </div>
                    </div>
                    {
                        Browser
                        &&
                        <Pagination name='T_9188'  onChange={this.onPageChange} current={this.state.current} onShowSizeChange={this.onPageChange} total={this.state.total} showQuickJumper showSizeChanger showLessItems />
                    }
                </div>
            </div>
        </div>
    </div>
</div>
